<template>
    <div>
        <div class="mall-order">
        <list-top></list-top>
            <div class="mall-order-orders mall-order-orders-details">
                <div class="w1200">
                    <div class="mall-order-orders-top">
                        <div class="headTitle">
                            <span>全部订单</span>
                            <span>待支付订单</span>
                            <span>待受理订单</span>
                            <span>待发货订单</span>
                            <span>已发货订单</span>
                            <span>待签收订单</span>
                            <span>已结算订单</span>
                         </div>
                    </div>
                    <div class="mall-order-orders-detailss">
                        <div class="mall-order-orders-detailss-num">
                            <i class="el-icon-arrow-left"></i>
                            <span>订单编号：1001000100000 </span>
                        </div>
                        <div class="mall-order-orders-detailss-txt clear">
                            <div class="fl  w33">
                                <div>下单时间：2018/04/25 13:16:00</div>
                                <div>批发商：某某批发商</div>
                                <div>商品总额：1000000.00</div>
                            </div>
                            <div class="fl  w33">
                                <div>药品种类：5</div>
                                <div>订单状态：<span>已发货</span></div>
                                <div>佣金总额：1000</div>
                            </div>
                            <div class="fl  w33">
                                <div>积分总额：600</div>
                                <div>优惠减免：-6000.00</div>
                                <div>运费：20.00</div>
                            </div>
                            <div class="mall-order-orders-statue">提醒受理</div>
                        </div>
                        <div class="mall-order-orders-detailss-logistics">
                            <div class="logistics-top">
                                物流信息
                            </div>
                            <div class="logistics-bottom clear">
                                <div class="logistics-bottom-img fl">
                                    <img src="../images/mall-logistics1.png" alt="">
                                </div>
                                <div class="logistics-bottom-m fl">
                                    <div>物流单号：75862633163 <span>物流公司：天天快递</span></div>
                                    <div>物流状态：<span>订单已被成功签收</span> 2018-02-03 12:00 已送达广东省东莞市东城区火炼树管理区某某号</div>
                                </div>
                            </div>
                        </div>
                        <div class="mall-order-orders-detailss-list">
                            <div class="mall-order-orders-detailss-lists" v-for="(item,index) in 4" :key="index">
                                <div class="lists-top">
                                    药品名称：<span>感康感冒药</span> 单位：<span>件</span>
                                </div>
                                <div class="lists-bottom clear">
                                    <div class="lists-bottom-w fl lists-bottom-w1">
                                        <div class="lists-bottom-w1-img fl">
                                            <img src="../images/bak03.jpg" alt="">
                                        </div>
                                        <div class="lists-bottom-w1-txt fl">
                                            <div>规格：0.36g*35粒</div>
                                            <div>生产企业：广东制药</div>
                                            <div>药品种类：药品>化学药品>中成药</div>
                                        </div>
                                    </div>
                                    <div class="lists-bottom-w fl lists-bottom-w2">
                                        <div>￥100.00</div>
                                        <div>单价</div>
                                    </div>
                                    <div class="lists-bottom-w fl lists-bottom-w3">
                                        <div>100件</div>
                                        <div>数量</div>
                                    </div>
                                    <div class="lists-bottom-w fl lists-bottom-w4">
                                        <div>￥36.00</div>
                                        <div>佣金</div>
                                    </div>
                                    <div class="lists-bottom-w fl lists-bottom-w5">
                                        <div>￥100000.00</div>
                                        <div>合计</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mall-orders-detailss-message-collect clear">
                            <div class="fl w50">
                                <div class="top">收货信息</div>
                                <div>
                                    <span>收货人姓名：</span> 张伟峰
                                </div>
                                <div>
                                    <span>收货人电话：</span> 15623565263
                                </div>
                                <div>
                                    <span>收货地址：</span> 广东省东莞市东城区火炼树管理区某某号
                                </div>
                            </div>
                            <div class="fl w50">
                                <div class="top">发票信息</div>
                                <div>
                                    <span>发票抬头：</span> 桂林医点科技有限公司
                                </div>
                                <div>
                                    <span>税号：</span> alehrgapoagpog9837383
                                </div>
                            </div>
                        </div>
                        <div class="mall-orders-detailss-message-remarks">
                            <div class="top">备注信息</div>
                            <div class="clear mall-orders-detailss-message-remarkss">
                                <div class="fl">备注：</div>
                                <div class="fl">送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认送到桂林医点科技有限公司的技术部，休息时间不在，麻烦送之前先电话确认</div>
                            </div>
                        </div>
                        <div class="mall-orders-detailss-money">
                            <div>3件商品，总商品金额：￥13298.00</div>
                            <div>运费：￥200.00</div>
                            <div>优惠减免：-￥200.00</div>
                            <div>应付总额：<span>￥2000.00</span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import listTop from "./public/listTop";
    export default {
        components:{
            listTop,
        },
    };
</script>

<style lang="less" scoped>
    @import "css/main.less";
</style>

